<template>
  <div>
    <!-- <Login></Login>
    <Demo1View></Demo1View>
    <Demo2View></Demo2View> -->
    <RouterView></RouterView>
    <h1>App组件</h1>
    <RouterLink to="/d1">Demo1</RouterLink>
    <RouterLink to="/d2">Demo2</RouterLink>
    <RouterLink to="/lg">Login</RouterLink>
  </div>
</template>

<script setup lang="ts">
// import Login from './Views/Login.vue';
// import Demo1View from './Views/Demo1View.vue';
// import Demo2View from './Views/Demo2View.vue';
//RouterView 的作用就是占位
import {RouterView,RouterLink} from 'vue-router'

</script>

<style scoped>
a{
  margin-left: 20px;
}
</style>